<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>


		<a href="#">
			<span><i class="fa fa-android">1234567</i></span>
			<img src="https://static-assets.tesla.cn/configurator/compositor?&options=$MTS10,$PPMR,$WS10,$IBE00&view=FRONT34&model=ms&size=1920&bkba_opt=2&version=v0027d202203001210&crop=0,0,0,0&version=v0027d202203001210" alt="安卓下载" class="" style="width: 200px;"/>
			<!--    -->
			
		</a>

		<div class="" style="width: 300px;height: 200px; background-color: #009688;">
			
		</div>

	<style>
	.disNone{
		display: none;
	}
	
	/*动画效果*/
	@-webkit-keyframes fadeIn {
		0% {
			opacity: 0; /*初始状态 透明度为0*/
			transform: translateY(40%);
		}
		20%{
			opacity: .2;
			transform: translateY(30%);
		}
		50% {
			opacity: .5; /*中间状态 透明度为0.5*/
			transform: translateY(20%);
		}
		70%{
			opacity: .7;
			transform: translateY(10%);
		}
		100% {
			opacity: 1; /*结尾状态 透明度为1*/
			transform: translateY(0%);
		}
	}
	.dis{
		display: block;
		opacity: 1;
		/* position: absolute;
		margin-left: -10px;
		margin-top:-200px; */
		z-index: 99;
		/*调用动画效果*/
		-webkit-animation-name: fadeIn; /*动画名称*/
		-webkit-animation-duration: 0.5s; /*动画持续时间*/
		-webkit-animation-iteration-count: 1; /*动画次数*/
		-webkit-animation-delay: 0s; /*延迟时间*/
	}
	</style>

	</body>
</html>
